<template>
  <div class="my">
    <el-descriptions
      title="个人信息"
      direction="vertical"
      border
      style="margin-top: 20px"
    >
      <el-descriptions-item
        :rowspan="2"
        :width="140"
        label="Photo"
        align="center"
      >
        <el-image
          style="width: 100px; height: 100px"
          src="../../../public/tx.png"
        />
      </el-descriptions-item>
      <el-descriptions-item label="姓名">kooriookami</el-descriptions-item>
      <el-descriptions-item label="电话">18100000000</el-descriptions-item>
      <el-descriptions-item label="地址">Suzhou</el-descriptions-item>
      <el-descriptions-item label="School">
        <el-tag size="small">School</el-tag>
      </el-descriptions-item>
      <el-descriptions-item label="Address">
        No.1188, Wuzhong Avenue, Wuzhong District, Suzhou, Jiangsu Province
      </el-descriptions-item>
    </el-descriptions>
    <div class="dl">
      <el-button type="primary"  round size="large" @click="logout">
        Primary
      </el-button>
    </div>
  </div>
</template>

<script setup>
const logout = () => {
  console.log("用户已退出登录");
};
</script>

<style lang="scss" scoped>
.my {
  .dl {
    text-align: center;
    margin-top: 30px;
    .el-button {
      width: 50%;
      margin: auto;
    }
  }
}
</style>
